<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<title>泗县新时代文明实践大数据中心</title>
		<link rel="stylesheet" href="./css/base.css" />
		<link rel="stylesheet" href="./css/swiper.min.css">
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="./css/basic.css">
		<link rel="stylesheet" href="./css/main.css" />
		<link rel="stylesheet" href="css/map.css" />
		<script src="./js/flexible.js"></script>

		<script src="https://www.qcloudtrtc.com/webrtc-samples/dist/WebRTCAPI.min.js"></script>
	</head>

	<body>
		<!-- 头部 -->
		<section class="logoBox animated slideInDown">
			<div class="timecontent">
				<div class="noweather"></div>
				<div class="nowtime"></div>
			</div>
			<div class="title">泗县新时代文明实践大数据中心</div>
			<img src="./images/logo_focus.png" alt="" class="logoImg">
			<div class="safeTime">已安全运行<span>0</span>天</div>
		</section>

		<!-- 版心 -->
		<div class="containerBox">
			<section class="left-con">
				<div class="basicBox pieBox animated bounceInLeft">
					<i></i><i></i><i></i><i></i>
					<p>五大平台资讯统计</p>
					<div id="pieChart" class="pie"></div>
				</div>


				<div class="basicBox animated bounceInRight" >
					<i></i>
					<i></i>
					<i></i>
					<i></i>
					<p>用户覆盖</p>
					<ul class="basicUser userFill" >
						<li>
							<p>
								<!--5.29w-->
							</p>
						</li>
						<li>
							<p>
								<!--3.17w-->
							</p>
						</li>
						<li>
							<p>
								<!--3.17w-->
							</p>
						</li>
						
						
					</ul>
				</div>
				<div class="basicBox animated bounceInLeft" id="leftbox">
					<i></i><i></i><i></i><i></i>
					<p>百姓点单</p>
					<ul class="statistics">
						<li>
							<p>点单数</p>
							<p class="xfnum1 colors">0</p>
						</li>
						<li>
							<p>点单总次数</p>
							<p class="xfnum2 colors">0</p>
						</li>
						<li>
							<p>点单活动数</p>
							<p class="xfnum3 colors">0</p>
						</li>
					</ul>
				</div>

				<div class="basicBox animated bounceInLeft">
					<div class="swiper-slide">
						<h3>志愿团队总排名</h3>
						<div class="trafficType">活动总时长</div>
						<div class="active_contentss" id="active_contentss">
							<div class="activity-listss td-activity-lists" id="activity-listss">
								<!--<li>
								<div class="activity_title">
									<span>1</span>
									<p>下甸村—文明交通支援服务活动</p>
								</div>
								<div class="participants">55825</div>
							</li> -->
							</div>
						</div>
					</div>
				</div>

				

				

			</section>
			<section class="middle-con">
				<div class="normal animated bounceInDown">
					<ul class="statistics">
						<li>
							<p>实践中心</p>
							<p class="place colors">0</p>
						</li>
						<li>
							<p>实践所</p>
							<p class="station colors">0</p>
						</li>
						<li>
							<p>实践站</p>
							<p class="site colors">0</p>
						</li>
						<li>
							<p>志愿者团队</p>
							<p class="volunteerTeam colors">0</p>
						</li>
						<li>
							<p>志愿者总数</p>
							<p class="volunteer colors">0</p>
						</li>
						<li>
							<p>志愿总时长</p>
							<p class="volunteertime colors">0</p>
						</li>
					</ul>
				</div>

				<div class="normal mapBox">
					<!-- 加载loading -->
					<div class="loader"></div>

					<!-- 地图容器 -->
					<div id="mapBox"></div>

					<!-- 志愿者&团队弹出页 -->
					<div class="mask-zyz">
						<div class="zyz-info">
							<div class="mask-zyz-close">×</div>
							<div class="swiper-container zyz-swiper-container">
								<div class="swiper-wrapper">
									<!-- <div class="swiper-slide">
									<div class="zyz-info-box">
										<img class="zyz-img teams-img" src="./images/poster0.png" alt="">
										<div class="adress">鼓楼区珠江路102号<
											/div>
										<div class="zyz-info-content">
											参加本次大会的主要有何应钦、孙立人、张学良、郭沫若、沈从文等老一辈的资产阶级革命家。会议主要内容以”为中华之崛起而读书”这一命题展开讨论。对于这一观点，讨论一致认为：为中华之崛起而读书在任何时候都是不可磨灭的坚定信念。他不会随着时代的改变
										</div>
									</div>
								</div> -->
								</div>

								<!-- 如果需要导航按钮 -->
								<div class="swiper-button-prev"></div>
								<div class="swiper-button-next"></div>
							</div>
						</div>
					</div>
				</div>

				<div class="starsBox animated bounceInUp">
					<div class="basicBox">
						<i></i><i></i><i></i><i></i>
						<h3>实践动态</h3>
						<div class="  star swiper-container ">
							<div class="swiper-wrapper practiceDynamic">
								<!-- <div class="swiper-slide swiper-star">
									<img src="./images/imgFrount/1.png" alt="">
									<p>刘畅</p>
								</div> -->
							</div>
							<!-- Add Pagination -->
							<!-- <div class="swiper-pagination"></div> -->
						  </div>
					</div>
				</div>
			</section>
			<section class="right-con">
				<div class="videoBox basicBox animated bounceInRight">
					<i></i><i></i><i></i><i></i>
					<div class="chooseVideo">
						<div class="swiper-container video-swiper-container">
							<div class="swiper-wrapper">
								<!-- <div class="swiper-slide">
								<img src="./images/poster0.png" alt="">
							</div> -->
							</div>
						</div>
					</div>
					<video id="myVideo" controls autoplay loop src="" poster=""></video>
				</div>
				<div class="basicBox animated bounceInRight">
					<i></i><i></i><i></i><i></i>
					<p>三端访问数</p>
					<ul class="basicUser userFill">
						<li>
							<p>
								<!--5.29w-->
							</p>
						</li>
						<li>
							<p>
								<!--3.17w-->
							</p>
						</li>
						<li>
							<p>
								<!--3.17w-->
							</p>
						</li>
						
						
					</ul>
				</div>
				<div class="videoBox basicBox animated bounceInRight">
					<i></i><i></i><i></i><i></i>
					<div class="swiper-slide">
						<h3>实践所排名</h3>
						<div class="trafficType">积分数</div>
						<div class="active_contents" id="active_contents">
							<div class="activity-lists td-activity-list" id="activity-lists">
								<!--<li>
								<div class="activity_title">
									<span>1</span>
									<p>下甸村—文明交通支援服务活动</p>
								</div>
								<div class="participants">55825</div>
							</li> -->
							</div>
						</div>
					</div>
				</div>
	
				<div class="basicBox welcome basicActivity animated bounceInRight">
					<i></i><i></i><i></i><i></i>
					<!-- <div class="swiper-container rank-swiper-container"> -->
					<!-- <div class="swiper-wrapper"> -->
					<div class="swiper-slide">
						<h3>实践站排名</h3>
						<div class="trafficType">积分数</div>
						<div class="active_content" id="active_content">
							<div class="activity-list gr-activity-list" id="activity-list">
								<!-- <li>
										<div class="activity_title">
											<span>1</span>
											<p>下甸村—文明交通支援服务活动</p>
										</div>
										<div class="participants">55825</div>
									</li> -->
							</div>
							<!-- </div>
								</div> -->
	
	
						</div>
					</div>
				</div>
			</section>
		</div>

		<!-- 简介和特色团队展示页 -->
		<div class="mask-active" style="display: none;">
			<!-- 详情页 -->
			<div class="mask-active-contanier" style="display: none;">
				<div class="mask-active-contanier-left">
					<div class="title"></div>
					<!-- 左侧列表 -->
					<div class="list">
						<ul class="ul-list">

						</ul>
					</div>
				</div>
				<!-- 右侧详情 -->
				<div class="mask-active-contanier-right">
					<span class="mask-active-quit">x</span>
					<div class="mask-active-contanier-right-contanier">
						<div class="desc">

						</div>
					</div>
				</div>
			</div>

			<!-- 活动视频 -->
			<div class="mask-active-video" style="display: none;">
				<span class="mask-video-quit">退出</span>
				<div class="mask-active-video-btn mask-active-video-left-btn">

				</div>
				<div class="mask-active-video-btn mask-active-video-right-btn">

				</div>
				<div class="videoList-content">
					<ul class="videoList">

					</ul>
				</div>
			</div>

			<div class="myActive-play-content" style="display: none;">
				<span class="myActive-video-quit">退出</span>
				<div class="myActive-play">

				</div>
				<!-- <video controls="controls" autoplay="autoplay"  src="http://122.97.218.162:9391/vod/daping-1.mp4">
					
				</video> -->
			</div>

		</div>

		<!-- 提示 -->
		<div class="data-tips">
			暂无数据，请稍后再试!
		</div>

		<!-- 弹出层 -->
		<div class="mask" style="display: none;">
			<div class="videoContainer">
				<div class="videoContainer-title">
					<span class="videoContainer-name"></span>
					<span class="videoClose" onclick="quitRTC()">退出视频</span>
				</div>

				<div id="remote-video-wrap">

				</div>
			</div>

		</div>

		<!-- 活动直播-视频来源 -->
		<div class="activeLive-contanier" style="display: none;">
			<div class="mask-activeLive-contanier" style="display: none;">
				<div class="mask-active-contanier-left">
					<div class="title">
						活动直播
					</div>
					<div class="list">
						<ul class="acc-ul-list">

						</ul>
					</div>
				</div>
				<div class="mask-active-contanier-right">
					<div class="activeLive-contanier-check-content">
						<div class="activeLive-contanier-check">
							视频来源 <span></span>
						</div>
						<div class="acc-list-content" style="display: none;">
							<i></i><i></i></i><i></i><i></i>
							<ul class="acc-list">

							</ul>
						</div>
					</div>
					<span class="mask-live-quit">x</span>
					<div class="mask-active-contanier-right-contanier">
						<div class="live-content">

						</div>
					</div>
				</div>
			</div>

			<div class="activeLive-content">
				<div class="activeLive-content-top">
					<div class="act-common activeLive-content-top-title">
						<span>·&nbsp;&nbsp;&nbsp;&nbsp;</span>直播
					</div>
					<div class="act-common activeLive-content-top-right">
						<!-- <div class="activeLive-contanier-check-content">
						<div class="activeLive-contanier-check">
							视频来源 <span></span>
						</div>
						<div class="acc-list-content" style="display: none;">
							<i></i><i></i></i><i></i><i></i>
							<ul class="acc-list">

							</ul>
						</div>
					</div> -->
						<div class="activeLive-contanier-quit">
							退出
						</div>
					</div>
				</div>
				<div class="activeLive-live-content">

				</div>
			</div>
		</div>

		<div class="liveContainer">

		</div>

	</body>

	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
  	<script src="js/moment.js" type="text/javascript" charset="utf-8"></script>
	
	<script src="js/ckplayer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/echarts.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/jq-txtScroll.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/countUp.js" type="text/javascript" charset="utf-8"></script>

	<script src="https://webapi.amap.com/maps?v=1.4.12&key=1dfa089fa6ede166181769de85624f13&plugin=AMap.DistrictSearch"></script>
	<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
	<!--webapi.amap.com高德地图-->

	<script src="js_j/play.js" type="text/javascript" charset="utf-8"></script>
	<script src="js_j/myEcharts.js"></script>
	<script src="js_j/data.js" type="text/javascript" charset="utf-8"></script>
	<script src="js_j/map.js" type="text/javascript" charset="utf-8"></script>
	  <script>
    document.write('<script src="js/index.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
    document.write('<script src="js_j/lib-generate-test-usersig.min.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
    document.write('<script src="js_j/GenerateTestUserSig.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
  </script>

	<script>
		//	$('.loader').hide(); //隐藏loading

		$(function() {
			echartsPie.init(); //饼图
			indexData.init(); //页面展示数据
			loadMap(); //云图
			getCenterCall();
			
		});
	</script>

</html>